<template>
  <el-tabs v-model="activeName" @tab-click="handleClick" style="width: 100%;height: 100%">
    <el-tab-pane label="穿透设计器" name="first">
      <data-drilling-penetrate-main></data-drilling-penetrate-main>
    </el-tab-pane>
    <el-tab-pane label="穿透预览" name="second">
      <data-drilling-penetrate-echo></data-drilling-penetrate-echo>
    </el-tab-pane>
  </el-tabs>
</template>

<script setup lang="ts">

import { ref } from 'vue';
import { ElTabs, ElTabPane } from 'element-plus';
import DataDrillingPenetrateMain from "@/views/chartDesigner/DataDrilling_Penetrate/DataDrillingPenetrateMain.vue";
import DataDrillingPenetrateEcho from "@/views/chartDesigner/DataDrilling_Penetrate/DataDrillingPenetrateEcho.vue";


const activeName = ref('first');

const handleClick = (tab, event) => {
  console.log('switch tab..........');
};


</script>


